<!--
 * @Author: huangtianyang 916072572@qq.com
 * @Date: 2022-12-02 17:04:14
 * @LastEditors: huangtianyang
 * @LastEditTime: 2023-08-24 14:46:22
 * @FilePath: \cxl-admin\src\pages\operation\product\list\Index.vue
-->

<template>
    <div class="page-box">
        <div class="price-box">
            <TemplateVue
                :page="data.pageData"
                @search="data.onSearch"
                @reset="data.onReset"
                @paginationChange="data.onPaginationChange"
                @paginationSize="data.onPaginationSize"
                @operation="data.onOperation"
            >
            </TemplateVue>
        </div>
        <SingleDialog :data="data.singleDialog" @visible="data.onDialogClose"></SingleDialog>
    </div>
</template>

<script setup lang="ts">
import { reactive } from 'vue'
import TemplateVue from '@/components/template/Index.vue'
import { PriceData } from '.'
import SingleDialog from '../singleDialog/Index.vue'

/**
 * 初始化数据
 */
const data = reactive(new PriceData())
</script>

<style scoped lang="scss">
.page-box {
    background-color: var(--color-white);
    box-sizing: border-box;
    padding: 16px;
    border-radius: 8px;
    .price-box {
        height: 100%;
    }
}
.custom-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
</style>
